<link href="__JSS__/plugins/layui/css/layui.css" rel="stylesheet" media="all">
<style>
    .hand_icon{
        cursor:pointer;
    }
    .icon_hide{
        display:none;
    }
    .active{
        color:rgba(0,101,240,1) !important;
    }
    .tt_top2Name2{
        width: 80px;
        height: 25px;
        font-size: 18px;
        font-weight: 400;
        color: rgba(51,51,51,1);
        line-height: 80px;
        margin-left: 50px;
        /*border:1px solid red;*/
    }
</style>
<header class="tt_topAll">
    <div class="tt_top1">
        <div class="tt_top11">
            <span class="tt_top11_name">欢迎，{$info.user_username}</span>
            <span class="tt_top11_name2" style="width: auto">
                <span class="tt_name2 hand_icon" onclick="location.href='{:url('shop/Login/loginOut')}'">退出登录</span>
            </span>
        </div>
    </div>
    <div class="tt_top2">
        <div class="tt_top22 flex-wrap">
            <div class="">
                <img src="{$info.logo}" alt="" class="tt_top2Img2">
            </div>
            <div class="tt_top2Name" style="width: auto;margin-right: 50px;font-size: 20px;font-weight: bold;">孚玛</div>
            <div class="tt_top2Name2 hand_icon {eq name='$Request.controller' value='Index'}active{/eq}" onclick="location.href='{:url('shop/Index/index')}'">全部文件</div>
            <div class="tt_top2Name2 hand_icon {eq name='$Request.controller' value='Recycle'}active{/eq}" onclick="location.href='{:url('shop/Recycle/index')}'">回收站</div>
            <div class="flex-con"></div>
            <style>
                .nameDown{
                    width: 100px;line-height: 40px;margin-top: -20px;text-align: center;
                    color: #313131;background-color: #FFF;font-size: 14px;
                    box-shadow: #ccc 1px 1px 3px 2px;
                    position: absolute;
                    z-index: 9999;
                }
                .downpone{
                    border-bottom: 1px solid #EEEEEE;
                    width: 80px;margin-left: 10px;
                }
                .downptwo{
                    width: 80px;margin-left: 10px;
                }
                .jindutiao{
                    width: 200px;
                    /*position: absolute;*/
                    /*right: 50px;*/
                    /*top:67px;*/
                    line-height: 40px;
                    float: right;
                    margin-right: 50px;
                    margin-top: -50px;
                }
                .tt_top2NameLast{
                    float: right;
                    margin-right: 280px;
                    margin-top: -60px;
                }
                .tt_top2Img2{
                    margin-top: 0;
                }
                .hidden{
                    display: none;
                }
            </style>
        </div>
    </div>

    <div class="jindutiao">
        <div class="layui-progress">
            <div class="layui-progress-bar" lay-percent="{$info.progress}%">
                {$info.user_ram_use}M/{$info.user_ram}M
            </div>
        </div>
    </div>
    <div class="tt_top2NameLast" style="cursor: pointer;line-height: 40px;width: auto;">
        {if empty($info.user_image)}
        <img src="__IMG__/touxiang.png" class="tt_top2Img2" style="margin-top: 0;" />
        {else/}
        <img src="{$info.user_image}" class="tt_top2Img2" style="margin-top: 0;" />
        {/if}
        {$info.user_username}
    </div>
    <!--<div class="tt_top3">-->
        <!--<div class="tt_top33">任务管理</div>-->
    <!--</div>-->
</header>